<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./jquery-3.6.0.min.js"></script>
<script src="./echarts.min.js"></script>

<body>
    <div id="main" style="width: 400px; height: 500px;"></div>
   
</body>

<script>
//    import * as echarts from 'echarts';

var ROOT_PATH =
  'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';

  var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
  xAxis: {
    type: 'category',
    data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [50, 30, 24, 38, 35, 47, 32],
      type: 'line'
    }
  ]
};

option && myChart.setOption(option);
</script>

</html>